---
layout: default
---

{% include home-header.html %}

<h1>区梓川</h1>
<p>
  天津大学，精密仪器与光电子工程学院，测控技术与仪器学士（2023届），GPA 3.3/4，本科期间带领同学参加智能车竞赛和电赛等比赛取得国赛一等奖等成绩，在无人车企业实习一年，勤于总结，乐于分享，对AI、嵌入式和机器人技术等有浓厚的兴趣。
</p>
<a href="http://www.tju.edu.cn/index.htm" style="display: inline-block;margin-right: 20px;">
  <img src="./img/b5_tjusso_logo.png" alt="TJU" style="width: 100px;height: auto;">
</a>
<a href="http://jyxy.tju.edu.cn/en/index.html" style="display: inline-block;">
  <img src="./img/b6_JYlogo3.png" alt="JYXY" style="width: 100px;height: auto;">
</a>
<br>

<h1>奖项</h1>
<head>
  <style type="text/css">
    ul{
      list-style-type: circle;
    }
  </style>
</head>
<body>
  <li> <b>国赛一等奖</b> 2021 TI 杯全国大学生电子设计竞赛 </li>
  <li> <b>国赛一等奖</b> 第十六届大学生智能汽车竞赛 </li>
  <li> <b>华北赛一等奖</b> 第十六届大学生智能汽车竞赛 </li>
  <li> <b>天津市二等奖</b> 2020 TI 杯全国大学生电子设计竞赛 </li>
  <li> 2022天津大学学生科技英才奖</li>
  <li> 2021天津大学学生科技英才奖</li>
  <li> 天津大学智能车队优秀队员</li>
  <li> 2020天津大学三好学生</li>
  <li> 2020学习进步先进个人</li>
</body>
<br>
<div class="image-grid">
    <div class="image-item">
        <img src="./img/a4_Certificate_front.jpg" alt="Image 1">
    </div>
    <div class="image-item image-group">
        <img src="./img/a3_Certificate_back.jpg" alt="Image 2">
        <img src="./img/a2_20EE_2nd_back.jpg" alt="Image 3">
    </div>
    <div class="image-item">
        <img src="./img/a6_Certificate_NationalFinals.jpg" alt="Image 4">
    </div>
    <div class="image-item">
        <img src="./img/a5_Certificate_NorthChina.jpg" alt="Image 5">
    </div>
</div>
  
<style>
    .image-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .image-item {
      width: calc(25% - 10px);
      margin-bottom: 20px;
    }
    .image-group {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
</style>

<h1> 个人博客</h1>
<br>

<div style="display: inline-block;">
  <div class="csdn-card" style="float: left; margin-right: 7px;">
    <a href="https://blog.csdn.net/weixin_46143152?type=blog" target="_blank">
      <div class="csdn-card-content">
        <div class="csdn-card-header">
          <img src="./img/c2_CSDN_head.jpg" alt="">
          <img src="./img/c1_CSDN.png" alt="" style="width:120px;height:45px">
        </div>
        <div class="csdn-card-footer">
          <div class="csdn-card-stats">
            <p>访问:<span id="views">152k</span></p>
            <p>博客:<span id="fans">290</span></p>
          </div>
        </div>
      </div>
    </a>
  </div>
  
  <div class="csdn-card" style="float: left; margin-right: 7px;">
    <a href="https://mp.weixin.qq.com/s?__biz=MzIzMjUzODU5NQ==&mid=2247484596&idx=1&sn=a6222d74b122a2ef72d7f87ddfbf08c6&chksm=e8922c38dfe5a52e2a30e62df7f695d1518b12b9f88d00f8fc6fcd2f914d27a91a33f8f662ab#rd" target="_blank">
      <div class="csdn-card-content">
        <div class="csdn-card-header">
          <img src="./img/b1_miniEcar.jpg" alt="" style="width:65px;height:auto;border-radius:5%;">
          <img src="./img/c4_WechatAccount.png" alt="" style="width:100px;height:40px;border-radius:5%;">
        </div>
        <div class="csdn-card-footer">
          <div class="csdn-card-stats">
            <p>原创:<span id="fans">10</span></p>
            <p>关注:<span id="fans">1187</span></p>
          </div>
        </div>
      </div>
    </a>
  </div>

  <div class="csdn-card" style="float: right;">
    <a href="https://mm.edrawsoft.cn/user/953346" target="_blank">
      <div class="csdn-card-content">
        <div class="csdn-card-header">
          <img src="./img/c7_Mindmaster.png" alt="" style="width:64px;height:auto;border-radius:5%;">
          <img src="./img/c5_Mind.png" alt="" style="width:180px;height:auto;border-radius:5%;">
        </div>
        <div class="csdn-card-footer">
          <div class="csdn-card-stats">
            <p>作品:<span id="fans">36</span></p>
            <p>浏览:<span id="fans">30k</span></p>
            <p>使用:<span id="fans">1.5k</span></p>
          </div>
        </div>
      </div>
    </a>
  </div>
</div>

<!-- <div class="csdn-card">
  <a href="https://github.com/ouzhoucheng" target="_blank">
    <div class="csdn-card-content">
      <div class="csdn-card-header">
        <div class="csdn-card-title">
          <h2>ouzhoucheng</h2>
        </div>
        <img src="./img/b2_Taiji_Bagua.gif" alt="" style="width:80px;height:auto;border-radius:10%;">
        <img src="./img/c3_GitHub.png" alt="" style="width:120px;height:60px;border-radius:5%;">
      </div>
      <div class="csdn-card-footer">
        <div class="csdn-card-stats">
          <p>Repositories:<span id="fans">16</span></p>
          <p>following:<span id="fans">15</span></p>
        </div>
      </div>
    </div>
  </a>
</div> -->

<style>
  .csdn-card {
    background-color: #fff;
    border:px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    max-width: 320px;
    margin: 10px auto;
    overflow: hidden;
    transition: all 0.3s;
  }

  .csdn-card:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
  }

  .csdn-card-content {
    padding: 16px;
  }

  .csdn-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
  }

  .csdn-card-header img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 16px;
  }

  .csdn-card-title {
    flex: 1;
  }
  .csdn-card-title h2 {
    margin: 0;
    font-size: 20px;
  }

  .csdn-card-footer {
    background-color: #f5f5f5;
    padding: 16px;
  }

  .csdn-card-stats {
    display: flex;
    flex-wrap: wrap;
  }

  .csdn-card-stats p {
    flex: 1;
    margin: 0;
    text-align: center;
  }

  .csdn-card-stats span {
    font-weight: bold;
  }
</style>
